<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <video src="output.webm" width="800" height="600" autoplay controls loop muted></video>
    <video width="800" height="600" controls poster="1.jpg">
        <source src="output.webm">
            <source src="output.mp4">
                <source src="output.ogg">
    </video>
    <audio src="output.mp4" controls>
        <source src="output.mp4">
        <source src="output.m4a">
        <source src="output.wav">
    </audio>
    <fieldset>
        <legend>注册表单</legend>
    <form method="POST" action="http://www.haosou.com/" autocomplete="off" target="_blank">
        <input name="user" autocomplete="off">
        <button>提交</button>
    </form>

    <form method="GET" id="register" action="http://www.haosou.com/">
        <button>提交</button>
    </form>
    <input name="email" form="register">
    <p><label for="user">用户名: <input id="user" name="user"></label></p>

    
    </fieldset>
    <button type="submit" form="register">提交</button>
    <button type="reset">重置</button>
    <button type="button">按钮</button>

    <input type="text" size="50" maxlength="40" placeholder="请输入" readonly>
    <input list="footlist" type="text">
    <datalist id="footlist">
        <option value="苹果">苹果</option>
        <option value="桔子">桔子</option>
        <option value="香蕉" label="香蕉">
            <option value="李子">
    </datalist>
    <input type="text" disabled>
    <input type="password">
    <input type="search">
    <input type="number" step="2" min="10" max="100">
    <input type="range">
    <input type="date">
    <input type="month">
    <input type="time">
    <input type="week">
    <input type="datetime">
    <input type="datetime-local">

    <input type="color">
    音乐 <input type="checkbox" name="music" checked value="1">
    体验区 <input type="checkbox">

    <input type="radio" name="sex" value="男">男
    <input type="radio" name="sex" value="女">女

    <input type="image" src="1.jpg">
    <input type="email">
    <input type="tel">
    <input type="url">

    <input type="hidden">
    <input type="file" accept="image/gif,image/jpeg,image/png">

    <select name="fruit" size="30" multiple>
        <option value="1">苹果</option>
        <option value="2" selected>桔子</option>
        <option value="3">香蕉</option>
    </select>
    <optgroup label="水果类">
        <option value="1">苹果</option>
        <option value="2" selected>桔子</option>
        <option value="3" label="香蕉">香蕉</option>
    </optgroup>

    <textarea name="content">请留言！</textarea>
    <textarea name="content" cols="30" rows="10" wrap="hard"></textarea>

    <form oninput="res.value=num1.valueAsNumber*num2.valueAsNumber">
        <input type="number" id="num1"> x <input type="number" id="num2">
        <output for="num1 num2" name="res">
    </form>
    <input type="text" required>
    <input type="number" min="10" max="100">
    <input type="text" placeholder="请输入区号+座机" required pattern="^[\d]{2,4}\-[\d]{6,8}$">

    <form action="http://li.cc" novalidate></form>
</body>
</html>